<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="f"%>
<%@ page import="java.util.List"%>
<%@ page isELIgnored="false" %> <%--isELIgnored=true禁用EL表达式--%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/layui-v2.6.13/layui/css/layui.css" />
        <script type="text/javascript" src="<%=request.getContextPath() %>/layui-v2.6.13/layui/layui.js"></script>
        <script src="<%=request.getContextPath() %>/js/jquery.min-2.1.1.js"></script>
        <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>

        <script>
            L2Dwidget.init({
                "model": {
                    "jsonPath": "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",
                    "scale": 1
                },
                "display": {
                    "position": "right",
                    "width": 50,
                    "height": 100,
                    "hOffset": 0,
                    "vOffset": -20
                },
                "mobile": {
                    "show": true,
                    "scale": 0.5
                },
                "react": {
                    "opacityDefault": 0.7,
                    "opacityOnHover": 0.2
                }
            });
        </script>
		<style>
			table{
				border-collapse: collapse;/* 边框合并 */
			}
			th,td{
				border: 1px solid black;
				width: 80px;
			}
			.div1{
				margin-bottom: 20px;
			}
			.div2{
				margin-bottom: 40px;
			}

		</style>
	</head>
<body>
	<div style="padding: 20px;">
		<div class="div1">
			<div style="width: 1200px;" class="div1">
				<div class="layui-inline"  style="width:300px;">
					<p>订单号:${obj.orderNo}</p>
				</div>
				<div class="layui-inline"  style="width:300px;">
					<p>用户id:${obj.uId}</p>
				</div>
				<div class="layui-inline" style="width: 300px;">
					<p>用户名:${obj.uName}</p>
				</div>
			</div>
			<div style="width: 1200px;">
				<div class="layui-inline"  style="width:300px;">
					<p>交易金额:${obj.orderMoney}</p>
				</div>
				<div class="layui-inline"  style="width:300px;">
					<p>订单状态:${obj.orderStatus}</p>
				</div>
				<div class="layui-inline" style="width: 300px;">
					<p>交易时间:${obj.createTime}</p>
				</div>
			</div>

		</div>
		<hr / class="div2">
		<div>
			<table class="layui-table" style="width: 1200px;">
				<colgroup>

					<col width="200px">
					<col width="200px">
					<col width="200px">
					<col width="200px">
					<col width="200px">
					<col width="200px">
					<col>
				</colgroup>
				<thead>
					<tr>

						<th>商品id</th>
						<th>商品名</th>
						<th>单价</th>
						<th>购买数量</th>
						<th>金额</th>
					</tr>
				</thead>
				<tbody>
                    <c:forEach items="${list}" var="obj">
                        <tr>
                            <td>${obj.gId}</td>
                            <td>${obj.gName}</td>
                            <td>${obj.gPrice}</td>
                            <td>${obj.buyCount}</td>
                            <td>${obj.totalMoney}</td>
                        </tr>
                    </c:forEach>



				</tbody>
			</table>
		</div>

	</div>
</body>

</html>